<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8"/>
		<title>FaceFun_正版精品漫画平台</title>
		<!-- Bootstrap CSS -->
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
		
		<link rel="stylesheet" type="text/css" th:href="@{/css/public.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/headerandfooter.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/listpager.css}"/>
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
		<body th:inline="text">
			<div th:replace="front/index :: loginmodal"></div>
		
			<div th:replace="front/index :: whileheader"></div>
			
			<div th:replace="front/index :: topbanner"></div>

			<div class="titlebar titlebar-shadow">
				<div class="container">
					
					<div class="row">
						<a class="col-xs-1 text-center" th:href="@{/index}">首页<span class="line"></span></a>
						<a class="col-xs-1 text-center" th:href="@{/category}">分类<span class="line"></span></a>
						<a class="col-xs-1 text-center active">更新<span class="line"></span></a>
						<a class="col-xs-1 text-center" th:href="@{/over}">完结<span class="line"></span></a>
						<div class="row col-lg-2 pull-right text-right hidden-xs">
							<a href="" title=""><small>作者投稿</small></a>丨<a href="" title=""><small>福利政策</small></a>
						</div>
					</div>
				</div>
			</div>
			
			
			
			<!-- content主要内容-->
			<div class="content">
				<div class="container">
					<h3><span class="glyphicon glyphicon-calendar icon"></span>&nbsp;&nbsp;新品上线</h3>
					<hr/>
					<!--  热萌推荐 -->
					<div class="row" id="result">
						<div class="col-xs-3 " th:each="c:${list}">
							<a th:href="@{'/cartoon/'+${c.id}}">
								<img class="img-rounded img-responsive" width="100%" th:src="${c.img}"/>
		
						 		<h5 class="el">[[${c.name}]]<br/>
						 		<small>[[${c.msg}]]</small></h5>
					  		</a>
						</div>


					</div>
				</div>
			</div>  

			<div th:replace="front/index :: footer"></div>
			
			<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
			 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
			<!-- Bootstrap JavaScript -->
			<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
			<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
			<script src="https://cdn.bootcss.com/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
			
			<script src="/js/topbar.js" type="text/javascript"></script>
	 		<script type="text/javascript">
	 			$(function(){
	 				topbar();
	 				
	 				pope.init([$('#headpic'),$('#shelf')]);

	 				modal.action();
	 				
	 			})
	 		</script>
			
		</body>
</html>